<template>
    <div id="start">
        <img src="../assets/await.png" style="height: 50px;">
        <h3 id="title_1">SalesExpert</h3>
        <h3 id="title_2">助力企业销售成长</h3>

        <van-loading v-if="isLoading" id="loading" type="spinner" color="blue" size="30px">加载中</van-loading>

    </div>
</template>

<script setup>
import { ref, reactive, onMounted } from 'vue'
import { useRouter } from 'vue-router';

const router = useRouter()
let isLoading = ref(true)

setTimeout(() => {
    isLoading.value = false
    router.push('/login')
}, 3000)

</script>
<style scoped>
#start {
    text-align: center;
    margin-top: 200px;
}

#title_1 {
    color: gray;
}

#title_2 {
    color: silver
}

#loading {
    margin-top: 50px;
}
</style>